<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="jquery.mobile-1.2.0.css" />
<link rel="stylesheet" href="rouletteMobile.css" />
<script src="scripts/jquery-1.8.1.min.js"></script>
<script src="scripts/login.js"></script>
<script src="scripts/table.js"></script>
<script src="scripts/jquery.mobile-1.2.0.min.js"></script>
<title>Saxion Roulette Table</title>
</head>
<body>
	<div data-role="page" id="rouletteTable">
		<div data-role="header" data-type="horizontal">
			<h1>Table</h1>
			<a href="#" data-role="button" onclick="leaveTable()" data-transition="slide" data-direction="reverse">Leave table</a>
		</div>
		
		<div data-role="content">
			<div id="makeBet" style="display:none">
				<label for="amount">Insert the amount you want to bet:</label>
				<input type="text" id="betAmount" name="amount"/>
				
				<label for="value">Choose a color on wich you want to bet!<br/></label>
				
				<div class="ui-grid-a">
					<div class="ui-block-a"><a href="#" data-role="button" style="background: black; color: red;" onClick="makeBet('Black')">Black</a></div>
					<div class="ui-block-b"><a href="#" data-role="button" style="background: red; color: black;" onClick="makeBet('Red')">Red</a></div>
				</div>
			
			</div>
			<div id="playerTable">
				<table>
					
				</table>
			</div>
		</div>
	
	</div>


</body>
</html>